<template>
  <div>
    <h1>hello vue</h1>
    <pannel>
      <template #title>
        <h1>我是标题</h1>
      </template>
      <template v-slot:content="scope">
        <!-- scope： 是自定义的变量，用于接收子组件通过作用域插槽传入的数据
          scope这个变量就包括row属性的对象
          { "row": { "defaultOne": "默认内容", "defaultTwo": "小智" } }
          注意：scope只能使用在当前的template标签内
         -->
        {{ scope.row.defaultOne }}
      </template>
      <!-- {{scope}} -->
    </pannel>
  </div>
</template>

<script>
import pannel from "./components/pannel.vue"
export default {
  components: {
    pannel
  }
}
</script>

<style>

</style>